<!--
 * @Author: 李天惊 uf_lee@163.com
 * @Date: 2022-11-10 16:37:30
 * @LastEditors: 李天惊 uf_lee@163.com
 * @LastEditTime: 2025-02-27 16:37:52
 * @FilePath: \global-brain\global-brain-admin\src\views\Shop\Shop\components\See.vue
 * Copyright (c) 2022 by 李天惊 uf_lee@163.com, All Rights Reserved. 
-->
<script setup lang="ts">
import { PropType, ref, reactive } from 'vue'
// import { ElPagination } from 'element-plus'
import { adminShopShopSeeApi } from '@/api/cs/shop'
// import { adminCsOrgPayLogListApi } from '@/api/cs/orgPayLog'
// import { adminCsWithdrawalListApi } from '@/api/cs/withdrawal'
// import { adminCsIncomeListApi } from '@/api/cs/income'

// import { Table } from '@/components/Table'

import { ContentWrap } from '@/components/ContentWrap'
import { LeeSee } from '@/components/Lee/See'
// 获取字典
import { useCache } from '@/hooks/web/useCache'
const { wsCache } = useCache()
const dict: any = wsCache.get('dict')
// 字典通过value获取label
// const getDictLabel = (type, value) => {
//   let data = dict[type].find((item) => {
//     return item.value == value
//   })
//   return data ? data.label : ''
// }

const props = defineProps({
  currentRow: {
    type: Object as PropType<Nullable<any>>,
    default: () => null
  }
})

const shopSchema = reactive<any[]>([
  {
    field: 'shop_id',
    label: '主键'
  },
  {
    field: 'shop_name',
    label: '店铺名称',
    span: 1
  },
  {
    field: 'shop_logo',
    label: '店铺logo',
    component: 'Image',
    span: 3
  },
  {
    field: 'shop_type',
    label: '店铺类型',
    component: 'Dict',
    componentProps: { options: dict.shop_shop_type }
  },
  {
    field: 'surplus',
    label: '余额'
  },
  {
    field: 'legal_id_card_front',
    label: '法人身份证正面',
    component: 'Image',
    span: 3
  },
  {
    field: 'legal_id_card_back',
    label: '法人身份证背面',
    component: 'Image',
    span: 3
  },
  {
    field: 'business_license_img',
    label: '营业执照照片地址',
    component: 'Image',
    span: 3
  },
  {
    field: 'address',
    label: '地址',
    span: 3
  },
  {
    field: 'shop_email',
    label: '店铺邮箱'
  },
  {
    field: 'customer_mobile',
    label: '客服电话'
  },
  {
    field: 'state',
    label: '状态',
    component: 'Dict',
    componentProps: { options: dict.shop_shop_state }
  },
  {
    field: 'owner_user_name',
    label: '所属用户'
  },
  {
    field: 'create_user_name',
    label: '创建人'
  },
  {
    field: 'create_time',
    label: '创建时间'
  },
  {
    field: 'update_user_name',
    label: '修改人'
  },
  {
    field: 'update_time',
    label: '修改时间'
  }
])

// const payLogSchema = reactive<any[]>([
//   {
//     field: 'org_pay_log_id',
//     label: '主键',
//     width: 60
//   },
//   {
//     field: 'type',
//     label: '收支类型',
//     formatter: (_: Recordable, __: TableColumn, cellValue: number | string) => {
//       return cellValue != '0' ? getDictLabel('cs_pay_log_type', cellValue) : ' '
//     },
//     width: 90
//   },
//   {
//     field: 'amount',
//     label: '金额'
//   },
//   {
//     field: 'rel_type',
//     label: '关联类型',
//     formatter: (_: Recordable, __: TableColumn, cellValue: number | string) => {
//       return cellValue != '0' ? getDictLabel('cs_pay_log_rel_type', cellValue) : ' '
//     },
//     width: 90
//   },
//   {
//     field: 'create_time',
//     label: '创建时间',
//     width: 180
//   }
// ])

// const withdrawalSchema = reactive<any[]>([
//   {
//     field: 'withdrawal_id',
//     label: '主键',
//     width: 60
//   },
//   {
//     field: 'withdrawal_sn',
//     label: '入款单编号',
//     width: 150
//   },
//   // {
//   //   field: 'org_name',
//   //   label: '汇款组织名称'
//   // },
//   {
//     field: 'user_name',
//     label: '汇款用户',
//     width: 100
//   },
//   {
//     field: 'amount',
//     label: '汇款金额',
//     width: 90
//   },
//   {
//     field: 'status',
//     label: '提现状态',
//     formatter: (_: Recordable, __: TableColumn, cellValue: number | string) => {
//       return cellValue != '0' ? getDictLabel('cs_withdrawal_status', cellValue) : ' '
//     },
//     width: 90
//   },
//   {
//     field: 'bank_type',
//     label: '银行类型',
//     formatter: (_: Recordable, __: TableColumn, cellValue: number | string) => {
//       return cellValue != '0' ? getDictLabel('bank_type', cellValue) : ' '
//     },
//     width: 120
//   },
//   {
//     field: 'bank_account',
//     label: '银行账户',
//     width: 150
//   },
//   {
//     field: 'bank_name',
//     label: '户名',
//     width: 150
//   },
//   {
//     field: 'create_time',
//     label: '创建时间',
//     width: 180
//   }
// ])

// const incomeSchema = reactive<any[]>([
//   {
//     field: 'income_id',
//     label: '主键',
//     width: 60
//   },
//   {
//     field: 'income_sn',
//     label: '入款单编号',
//     width: 180
//   },
//   {
//     field: 'order_sn',
//     label: '订单编号',
//     width: 180
//   },
//   {
//     field: 'user_name',
//     label: '支付用户',
//     width: 90
//   },
//   {
//     field: 'amount',
//     label: '金额'
//   },
//   {
//     field: 'status',
//     label: '状态',
//     formatter: (_: Recordable, __: TableColumn, cellValue: number | string) => {
//       return cellValue != '0' ? getDictLabel('cs_income_status', cellValue) : ' '
//     },
//     width: 90
//   },
//   {
//     field: 'create_time',
//     label: '创建时间',
//     width: 180
//   }
// ])

const shopData = ref({})
const getAdminShopShopSeeApi = async () => {
  const res: any = await adminShopShopSeeApi({
    shop_id: props.currentRow.shop_id
  })
    .catch(() => {})
    .finally(() => {})
  if (res) {
    shopData.value = res.data
  }
}

// const payLogData = ref([])
// const patLogPage = reactive<any>({
//   count: 0,
//   pageSize: 10,
//   currentPage: 1
// })
// const getAdminCsOrgPayLogListApi = async () => {
//   const res: any = await adminCsOrgPayLogListApi({
//     org_id: props.currentRow.org_id,
//     pageNo: patLogPage.currentPage,
//     pageSize: patLogPage.pageSize
//   })
//     .catch(() => {})
//     .finally(() => {})
//   if (res) {
//     payLogData.value = res.data
//     patLogPage.count = res.count
//   }
// }

// const withdrawalData = ref<any>([])
// const withdrawalPage = reactive<any>({
//   count: 0,
//   pageSize: 10,
//   currentPage: 1
// })

// const getAdminCsWithdrawalListApi = async () => {
//   const res: any = await adminCsWithdrawalListApi({
//     org_id: props.currentRow.org_id,
//     pageNo: withdrawalPage.currentPage,
//     pageSize: withdrawalPage.pageSize
//   })
//     .catch(() => {})
//     .finally(() => {})
//   if (res) {
//     withdrawalData.value = res.data
//     withdrawalPage.count = res.count
//   }
// }

// const incomeData = ref<any>([])
// const incomePage = reactive<any>({
//   count: 0,
//   pageSize: 10,
//   currentPage: 1
// })

// const getAdminCsIncomeListApi = async () => {
//   const res: any = await adminCsIncomeListApi({
//     shop_id: props.currentRow.shop_id,
//     pageNo: incomePage.currentPage,
//     pageSize: incomePage.pageSize
//   })
//     .catch(() => {})
//     .finally(() => {})
//   if (res) {
//     incomeData.value = res.data
//     incomePage.count = res.count
//   }
// }

/****************************** 初始化 start ******************************/

const init = async () => {
  // 查询该店铺信息
  await getAdminShopShopSeeApi()
  // 调用交易明细列表接口
  // await getAdminCsOrgPayLogListApi()
  // 调用提现单列表接口
  // await getAdminCsWithdrawalListApi()
  // 调用入款单列表接口
  // await getAdminCsIncomeListApi()
}
init()

/****************************** 初始化 end ******************************/
</script>

<template>
  <ContentWrap title="店铺信息">
    <LeeSee :schema="shopSchema" :data="shopData" />
  </ContentWrap>
  <!-- <ContentWrap title="收支明细信息">
    <Table :columns="payLogSchema" :data="payLogData" :selection="false" :border="true" />
    <ElPagination
      v-model:current-page="patLogPage.currentPage"
      v-model:page-size="patLogPage.pageSize"
      :total="patLogPage.count"
      :page-sizes="[10, 20, 30, 40, 50, 100]"
      @size-change="getAdminCsOrgPayLogListApi"
      @current-change="getAdminCsOrgPayLogListApi"
      layout="sizes, prev, pager, next, jumper, ->, total"
      class="mt-10px"
    />
  </ContentWrap> -->
  <!-- <ContentWrap title="提现单信息">
    <Table :columns="withdrawalSchema" :data="withdrawalData" :selection="false" :border="true" />
    <ElPagination
      v-model:current-page="withdrawalPage.currentPage"
      v-model:page-size="withdrawalPage.pageSize"
      :total="withdrawalPage.count"
      :page-sizes="[10, 20, 30, 40, 50, 100]"
      @size-change="getAdminCsWithdrawalListApi"
      @current-change="getAdminCsWithdrawalListApi"
      layout="sizes, prev, pager, next, jumper, ->, total"
      class="mt-10px"
    />
  </ContentWrap> -->
  <!-- <ContentWrap title="入款单信息">
    <Table :columns="incomeSchema" :data="incomeData" :selection="false" :border="true" />
    <ElPagination
      v-model:current-page="incomePage.currentPage"
      v-model:page-size="incomePage.pageSize"
      :total="incomePage.count"
      :page-sizes="[10, 20, 30, 40, 50, 100]"
      @size-change="getAdminCsIncomeListApi"
      @current-change="getAdminCsIncomeListApi"
      layout="sizes, prev, pager, next, jumper, ->, total"
      class="mt-10px"
    />
  </ContentWrap> -->
</template>
